<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html>
<!--<![endif]-->

<head>
<meta charset="utf-8">
<title>系统界面</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<!-- css styles -->
<link href="css/bootstrap.css" rel="stylesheet"><!--基本样式-->
<link href="css/style.css" rel="stylesheet"><!--样式-->
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/animate.delay.css" rel="stylesheet"><!--图片动画-->
<link href="css/font-awesome.min.css" rel="stylesheet" ><!--字体图标-->
<!--[if IE 7]>
<link href="css/font-awesome-ie7.min.css" rel="stylesheet">
<![endif]-->

</head>

<body>
<!-------头部------->
<div id="header-container">
	<div id="header">
		<div class="logo">恒盛管理系统 v2.0</div>
		<div class="header-right">
			<div class="header-btn">
				<ul>
					<li><a href="#"><i class="icon-group"></i> 管理员 欢迎登录！</a></li>
					<li class="dropdown notification"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#"> <i class="icon-envelope"></i> 消息 <span class="message">5</span></a>
						<ul class="dropdown-menu">
							<li><a href=""><span class="icon-envelope"></span> 新消息来至 <strong>Jack</strong>  <small class="muted"> - 19 小时前</small></a></li>
							<li><a href=""><span class="icon-envelope"></span> 新消息来至 <strong>管理员</strong> <small class="muted"> - 2 小时前</small></a></li>
							<li><a href=""><span class="icon-user"></span> <strong>光光</strong> 有新的回复 <small class="muted"> - 2 小时前</small></a></li>
							<li class="viewmore"><a href="">查看更多信息</a></li>
						</ul>
					</li>
					<li class="dropdown userinfo"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="/page.html"> <i class="icon-cog"></i> 管理</a>
						<ul class="dropdown-menu">
							<li><a href=""><span class="icon-user"></span> 个人资料</a></li>
							<li><a href=""><span class="icon-cog"></span> 系统设置</a></li>
							<li><a href=""><span class="icon-group"></span> 用户管理</a></li>
							<li class="divider"></li>
							<li><a href=""><span class="icon-signout"></span> 退出系统</a></li>
						</ul>
					</li>
					<li><a href="#"><i class="icon-signout"></i> 退出</a></li>
				</ul>
			</div>
			<div class="header-path"> 
				<div class="header-full"><a class="showmenu" href="#" title="全屏"> <i class="icon-fullscreen"></i> 全屏</a></div>
				<a href="#"> <i class="icon-home"></i> 首页 </a>
				<i class=" icon-angle-right"></i>  基本样式
			</div>
		</div>
	</div>
</div><!-------头部结束------->   
<!-------内容------->   
<div id="main-container">
<div class="contentinner content-dashboard">
	<!-------左侧导航------->   
	<div id="main-sidebar" class="sidebar">
			<ul id="mainSideMenu" class="nav-side">
                <li class="accordion-group">
                    <div class="accordion-heading active"> <a href="#accDash" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-desktop"></span> 基本样式 </a> </div>
                    <ul class="accordion-content nav collapse in" id="accDash">
                        <li> <a href="demo.html"> <i class="icon-caret-right"></i> 样式 1 </a> </li>
                        <li class="active"> <a href="demo2.html"> <i class="icon-caret-right"></i> 样式 2 </a> </li>
						<li> <a href="demo3.html"> <i class="icon-caret-right"></i> 样式 3 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accForms" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-list-alt"></span> 表单样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accForms">
                        <li> <a href="form.html"> <i class="icon-caret-right"></i> 表单元素 </a> </li>
                        <li> <a href="form2.html"> <i class="icon-caret-right"></i> 扩展样式</a> </li>
                        <li> <a href="form3.html"> <i class="icon-caret-right"></i> 引导样式</a> </li>
                    </ul>
                </li>
               <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accComponents" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-cogs"></span> 组件样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accComponents">
                        <li> <a href="media.html"> <i class="icon-caret-right"></i> 通知样式 </a> </li>
                        <li> <a href="media2.html"> <i class="icon-caret-right"></i> 按钮样式 </a> </li>
                        <li> <a href="media3.html"> <i class="icon-caret-right"></i> 结构样式 </a> </li>
                        <li> <a href="media4.html"> <i class="icon-caret-right"></i> 图片样式 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accTables" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-table"></span> 表格样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accTables">
                        <li> <a href="table.html"> <i class="icon-caret-right"></i> 基础表格 </a> </li>
                        <li> <a href="table2.html"> <i class="icon-caret-right"></i> 数据表格 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accStatistics" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-signal"></span> 统计样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accStatistics">
                        <li> <a href="chart.html"> <i class="icon-caret-right"></i> 图表样式 </a> </li>
                        <li> <a href="chart2.html"> <i class="icon-caret-right"></i> 趋势图 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accWidgets" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon  icon-text-width"></span> 文字样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accWidgets">
                        <li> <a href="text.html"> <i class="icon-caret-right"></i> 文字样式 </a> </li>
                        <li> <a href="text2.html"> <i class="icon-caret-right"></i> 列表样式 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accButtons" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"><i class="chevron icon-angle-right"></i> <span class="item-icon icon-tasks"></span> 元素样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accButtons">
                        <li> <a href="ui.html"> <i class="icon-caret-right"></i> 按钮样式 </a> </li>
                        <li> <a href="ui2.html"> <i class="icon-caret-right"></i> 字体图标 </a> </li>
                        <li> <a href="ui3.html"> <i class="icon-caret-right"></i> 切换标签 </a> </li>
                        <li> <a href="ui4.html"> <i class="icon-caret-right"></i> 弹出层 </a> </li>
                        <li> <a href="ui5.html"> <i class="icon-caret-right"></i> 进度条 </a> </li>
                    </ul>
                </li>
            </ul>
		</div><!-------左侧导航结束------->       
	<!-------右侧内容------->   
	<div class="main-content container-fluid">
			<div class="row-fluid">
				<div class="span6">
				
						<h4 class="widgettitle">标题样式 (默认)</h4>
                        <div class="widgetcontent">
                        	<pre class="prettyprint linenums">&lt;h4 class=&quot;widgettitle&quot;&gt;这是标题...&lt;/h4&gt;</pre>
                        </div>
                      
    					<h4 class="widgettitle">标签样式  <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                            <div id="tabs">
                                <ul>
                                    <li><a href="#tabs-1">Tab 1</a></li>
                                    <li><a href="#tabs-2">Tab 2</a></li>
                                    <li><a href="#tabs-3">Tab 3</a></li>
                                </ul>
                                <div id="tabs-1">
                                    标签内容1
                                </div>
                                <div id="tabs-2">
                                    标签内容2
                                </div>
                                <div id="tabs-3">
                                    标签内容3
                                </div>
                            </div><!--tabs结束-->
                            
							<div class="widgetsource">
									<div class="divider15"></div>
								<pre class="prettyprint linenums">jQuery('#tabs').tabs();</pre>
									<div class="divider15"></div>
								<pre class="prettyprint linenums">
										&lt;div id=&quot;tabs&quot;&gt;
									   &lt;ul&gt;
										  &lt;li&gt;&lt;a href=&quot;#tabs-1&quot;&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
										  ...
									   &lt;/ul&gt;
									   &lt;div id=&quot;tabs-1&quot;&gt; ... &lt;/div&gt;
									   ...
									&lt;/div&gt;
								</pre>
       						</div><!--源码结束-->
                        </div><!--标签样式结束-->
                                                
        				<h4 class="widgettitle">手风琴效果 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<div id="accordion" class="accordion">
                                    <h3><a href="#">标题 1</a></h3>
                                    <div>
                                        <p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</p>
										<p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</p>
                                    </div>
                                    <h3><a href="#">标题 2</a></h3>
                                    <div>
                                        <p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</p>
                                    </div>
                                    <h3><a href="#">标题 3</a></h3>
                                    <div>
                                        <p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</p>
                                        <ul class="margin1020">
                                            <li>劲爆优惠触手可得</li>
                                            <li>劲爆优惠触手可得</li>
                                            <li>劲爆优惠触手可得</li>
                                        </ul>
                                    </div>
                                    <h3><a href="#">标题 4</a></h3>
                                    <div>
                                        <p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</p>
                                        <p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</p>
                        	       </div>
                        	</div><!--accordion结束-->
                            
							<div class="widgetsource">
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">jQuery('#accordion').accordion();</pre> 
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">
									&lt;div id=&quot;accordion&quot; class=&quot;accordion&quot;&gt;
									&lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 1&lt;/a&gt;&lt;/h3&gt;
									&lt;div&gt; content goes here... &lt;/div&gt;
									&lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 2&lt;/a&gt;&lt;/h3&gt;
									&lt;div&gt; content goes here... &lt;/div&gt;
								   ...
								   &lt;/div&gt;
							   </pre>
   							</div><!--源码结束-->
                        </div><!--手风琴效果结束-->
                                
                        <h4 class="widgettitle">颜色选择 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                            <form action="elements.html" method="post">
                                <p>
                                    <input type="text" name="colorpicker" class="input-mini" id="colorpicker" />
                                    <span id="colorSelector" class="colorselector">
                                        <span></span>
                                    </span>
                                </p>
                            </form>
							
                            <div class="widgetsource">
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;input type=&quot;text&quot; name=&quot;colorpicker&quot; class=&quot;input-mini&quot; id=&quot;colorpicker&quot; /&gt;
&lt;span id=&quot;colorSelector&quot; class=&quot;colorselector&quot;&gt;
	&lt;span&gt;&lt;/span&gt;
&lt;/span&gt;
								</pre>
								<div class="divider15"></div>
								<pre class="prettyprint linenums">
jQuery('#colorSelector').ColorPicker({
onShow: function (colpkr) {
jQuery(colpkr).fadeIn(500);
 return false;
},
 onHide: function (colpkr) {
jQuery(colpkr).fadeOut(500);
return false;
},
 onChange: function (hsb, hex, rgb) {
 jQuery('#colorSelector span').css('backgroundColor','#'+hex);
jQuery('#colorpicker').val('#'+hex);
}<br>});
								</pre>
                            </div><!--源码结束-->                    
                        </div><!--颜色选择结束-->
                        
                        <h4 class="widgettitle">滑块 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<div class="pargroup">
                            	<div class="par">
                                	<h6>滑块1</h6>
                                	<div id="slider"></div>
                                </div>
                                <div class="par">
                                	<h6>滑块2</h6>
                                    <p class="pull-right">数值: <strong><span id="amount" class="color333"></span></strong></p>
                                	<div id="slider2"></div>
                                </div>
                                <div class="par">
                                	<h6>滑块3</h6>
                                	<p class="pull-right">数值: <strong><span id="amount2" class="color333"></span></strong></p>
                        			<div id="slider3"></div>
                                </div>
                                
                                <div class="par">
                                	<h6>滑块4</h6>
                                	<p class="pull-right">数值: <strong><span id="amount4" class="color069"></span></strong></p>
                        			<div id="slider4"></div>
                                </div>
                                
                                <div class="par">
                                	<h6>滑块5</h6>
                                	<p class="pull-right">数值: <strong><span id="amount5" class="color333"></span></strong></p>
                        			<div id="slider5"></div>
                                </div>
                                
                                <div class="par">
                                	<h6>滑块6</h6>
                                    <div style="float: left; margin: 20px 0 0 15px">
                                        <div id="slider6" style="height:100px;"></div>
                                    </div>
                                    
                                    <div class="vs2" style="float: left; margin: 20px 0 0 40px;">
                                        <div id="slider7" style="height:100px;"></div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                                
                            </div><!--pargroup结束-->
                            
                          <div class="widgetsource">
                           	<div class="divider15"></div>
                           	<pre class="prettyprint linenums">&lt;div id=&quot;slider&quot;&gt;&lt;/div&gt;</pre>
                            <div class="divider15"></div>
                            <pre class="prettyprint linenums">// normal slider
jQuery(&quot;#slider&quot;).slider({value: 40});

// slider snap to increments
jQuery(&quot;#slider2&quot;).slider({
   value:100,
   min: 0,
   max: 500,
   step: 50,
   slide: function(event, ui) {
      jQuery(&quot;#amount&quot;).text(&quot;$&quot;+ui.value);
   }
});
jQuery(&quot;#amount&quot;).text(&quot;$&quot; + jQuery(&quot;#slider&quot;).slider(&quot;value&quot;));

// refer to js/slider.js to view other slide sources<br></pre>  
                            </div><!--源码结束-->
                        </div><!--滑块结束-->
                        
                        <h4 class="widgettitle nomargin shadowed">段落标题</h4>
                        <div class="widgetcontent bordered shadowed nomargin">
                        	文字内容文字内容...
                        </div><!--段落标题结束-->
                    	<div class="divider15"></div>
                        <pre class="prettyprint linenums">&lt;h4 class=&quot;widgettitle nomargin shadowed&quot;&gt;段落标题&lt;/h4&gt;
&lt;div class=&quot;widgetcontent bordered shadowed&quot;&gt;
   文字内容文字内容...
&lt;/div&gt;
						</pre>
                  		<div class="divider30"></div>
                      
                    </div><!--span6结束-->
                    
                    
                    <div class="span6">
                    	<h4 class="widgettitle ctitle">标题样式  (2)</h4>
                        <div class="widgetcontent">
                            <pre class="prettyprint linenums">&lt;h4 class=&quot;widgettitle ctitle&quot;&gt;这是标题...&lt;/h4&gt;</pre>
						</div><!--widgetcontent-->
                        
                    	<h4 class="widgettitle">标签样式 (2) <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                            <div id="tabs2" class="tabs2">
                                <ul>
                                    <li><a href="#stabs1">Tab 1</a></li>
                                    <li><a href="#stabs2">Tab 2</a></li>
                                    <li><a href="#stabs3">Tab 3</a></li>
                                </ul>
                                <div id="stabs1">
                                    标签内容 1
                                </div>
                                <div id="stabs2">
                                    标签内容 2
                                </div>
                                <div id="stabs3">
                                   标签内容 3 
                                </div>
                            </div><!--#tabs-->
                            
                            <div class="widgetsource">
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">jQuery('#tabs2').tabs();</pre>
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">&lt;div id=&quot;tabs2&quot; class=&quot;tabs2&quot;&gt;
   &lt;ul&gt;
      &lt;li&gt;&lt;a href=&quot;#tabs-1&quot;&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
      ...
   &lt;/ul&gt;
   &lt;div id=&quot;tabs-1&quot;&gt; ... &lt;/div&gt;
   ...
&lt;/div&gt;</pre>
							</div><!--widgetsource-->
                        </div><!--widgetcontent-->
                        
        				<h4 class="widgettitle">手风琴效果 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                            <div id="accordion2" class="accordion2">
                                    <h3><a href="#">标题 1</a></h3>
                                    <div>
                                        <p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！ </p>
										<p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！ </p>
                                    </div>
                                    <h3><a href="#">标题 2</a></h3>
                                    <div>
                                        <p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！ </p>
                                    </div>
                                    <h3><a href="#">标题 3</a></h3>
                                    <div>
                                        <p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！ </p>
                                        <ul class="margin1020">
                                            <li>劲爆优惠触手可得</li>
                                            <li>劲爆优惠触手可得</li>
                                            <li>劲爆优惠触手可得</li>
                                        </ul>
                                    </div>
                                    <h3><a href="#">标题 4</a></h3>
                                    <div>
                                        <p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！ </p>
										<p>微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！ </p>
                        	       </div>
                            </div><!--#accordion-->
                            
                            <div class="widgetsource">
                                <div class="divider15"></div>
                                <pre class="prettyprint linenums">jQuery('#accordion2').accordion();</pre> 
                                <div class="divider15"></div>
                              <pre class="prettyprint linenums">&lt;div id=&quot;accordion2&quot; class=&quot;accordion2&quot;&gt;
   &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 1&lt;/a&gt;&lt;/h3&gt;
   &lt;div&gt; content goes here... &lt;/div&gt;
   &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;Section 2&lt;/a&gt;&lt;/h3&gt;
   &lt;div&gt; content goes here... &lt;/div&gt;
   ...
&lt;/div&gt;</pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">日期选择 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<input id="datepicker" type="text" name="date" class="input-small" /> &nbsp; <small><em>mm / dd / yyyy</em></small>
                            <div class="widgetsource">
                            	<div class="divider15"></div>
                            	<pre class="prettyprint linenums">&lt;input id=&quot;datepicker&quot; type=&quot;text&quot; name=&quot;date&quot; /&gt;</pre>
                              <div class="divider15"></div>
                                <pre class="prettyprint linenums">jQuery( &quot;#datepicker&quot; ).datepicker();</pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->  
                        
                        <h4 class="widgettitle">弹出提示 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                       		<a id="growl" class="btn btn-info btn-rounded"><small>提示1</small></a> &nbsp;
                   		  	<a id="growl2" class="btn btn-info btn-rounded"><small>提示2</small></a> &nbsp;
							<a id="growl3" class="btn btn-info btn-rounded"><small>提示3</small></a>
                            
                            <div class="widgetsource">
                            	<div class="divider15"></div>
                            	<pre class="prettyprint linenums">&lt;a id=&quot;growl&quot; class=&quot;btn&quot;&gt;Basic growl&lt;/a&gt;
&lt;a id=&quot;growl2&quot; class=&quot;btn&quot;&gt;Long live growl message&lt;/a&gt;</pre>
							  <div class="divider15"></div>
                                <pre class="prettyprint linenums">jQuery('#growl').click(function(){
   jQuery.jGrowl(&quot;Hello world!&quot;);<br>});

jQuery('#growl2').click(function(){
   var msg = &quot;This notification will live a little longer.&quot;;
   jQuery.jGrowl(msg, { life: 5000 });<br>});</pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">警告框 (可拖动) <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<a class="btn btn-info alertboxbutton btn-rounded"><small>警告1</small></a> &nbsp;
                            <a class="btn btn-info alertboxbutton2 btn-rounded"><small>警告2</small></a> &nbsp;
                            <a class="btn btn-info alertboxbutton3 btn-rounded"><small>警告3</small></a> &nbsp;
                            <a class="btn btn-info alertboxbutton4 btn-rounded"><small>警告4</small></a>
                            
                        	<div class="widgetsource">
                            	<div class="divider15"></div>
                            	<pre class="prettyprint linenums">&lt;a class=&quot;btn alertboxbutton&quot;&gt;&lt;small&gt;Basic Alert&lt;/small&gt;&lt;/a&gt;
&lt;a class=&quot;btn confirmbutton&quot;&gt;&lt;small&gt;Confirm Box&lt;/small&gt;&lt;/a&gt;
&lt;a class=&quot;btn promptbutton&quot;&gt;&lt;small&gt;Prompt Box&lt;/small&gt;&lt;/a&gt;
&lt;a class=&quot;btn alerthtmlbutton&quot;&gt;&lt;small&gt;HTML support&lt;/small&gt;&lt;/a&gt;</pre>
							  <div class="divider15"></div>
                                <pre class="prettyprint linenums">// alert box
jQuery('.alertboxbutton').click(function(){
   jAlert('This is a custom alert box', 'Alert Dialog');
});

// confirm box
jQuery('.confirmbutton').click(function(){
   jConfirm('Can you confirm this?', 'Dialog', function(r) {
      jAlert('Confirmed: ' + r, 'Confirmation Results');
   });
});

// promptbox
jQuery('.promptbutton').click(function(){
   jPrompt('Type something:', '', 'Dialog', function(r) {
      if( r ) alert('You entered ' + r);
   });
});

// alert with html
jQuery('.alerthtmlbutton').click(function(){
   jAlert('HTML, like &lt;strong&gt;, &lt;em&gt;, &lt;u&gt;, etc.!');
});                             </pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">排序列表 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<ul id="sortable" class="sortlist">
                                <li><div class="label"><span class="icon-align-justify"></span> 列表 1</div></li>
                                <li><div class="label"><span class="icon-align-justify"></span> 列表 2</div></li>
                                <li><div class="label"><span class="icon-align-justify"></span> 列表 3</div></li>
                            </ul>
                          <div class="widgetsource">
                           	<div class="divider15"></div>
                           	  <pre class="prettyprint linenums">&lt;ul id=&quot;sortable&quot; class=&quot;sortlist&quot;&gt;
   &lt;li&gt;&lt;div class=&quot;label&quot;&gt;...&lt;/div&gt;&lt;/li&gt;
   ...
&lt;/ul&gt;</pre>
							<div class="divider15"></div>
                            <pre class="prettyprint linenums">jQuery(&quot;#sortable&quot;).sortable();</pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">排序内容 <a href="widgetsource" class="showhide">查看源码</a></h4>
                        <div class="widgetcontent">
                        	<ul id="sortable2" class="sortlist">
                                <li>
                                    <div class="label">
                                        <span class="icon-align-justify"></span>
                                        <span class="icon-arrow-down showcnt"></span>
                                        列表 1
                                    </div><!--label-->
                                    <div class="details">
                                        <p>内容内容内容...</p>
                                    </div><!--details-->
                                </li>
                                <li>
                                    <div class="label">
                                        <span class="icon-align-justify"></span>
                                        <span class="icon-arrow-down showcnt"></span>
                                        列表 2
                                    </div><!--label-->
                                    <div class="details">
                                        <p>内容内容内容...</p>
                                    </div><!--details-->
                                </li>
                                <li>
                                    <div class="label">
                                        <span class="icon-align-justify"></span>
                                        <span class="icon-arrow-down showcnt"></span>
                                        列表 3
                                    </div><!--label-->
                                    <div class="details">
                                        <p>内容内容内容...</p>
                                    </div><!--details-->
                                </li>
	                       	</ul>
                       	  <div class="widgetsource">
                           	<div class="divider15"></div>
                              <pre class="prettyprint linenums">&lt;ul id=&quot;sortable2&quot; class=&quot;sortlist&quot;&gt;
   &lt;li&gt;
      &lt;div class=&quot;label&quot;&gt;...&lt;/div&gt;
      &lt;div class=&quot;details&quot;&gt;... &lt;/div&gt;
   &lt;/li&gt;
&lt;/ul&gt;</pre>
							<div class="divider15"></div>
                            <pre class="prettyprint linenums">jQuery(&quot;#sortable2&quot;).sortable();
jQuery('.showcnt').click(function(){
   var t = jQuery(this);
   var det = t.parents('li').find('.details');
   if(!det.is(':visible')) {
      det.slideDown();
      t.removeClass('icon-arrow-down').addClass('icon-arrow-up');
   } else {
      det.slideUp();
      t.removeClass('icon-arrow-up').addClass('icon-arrow-down');
   }
});</pre>
                            </div><!--widgetsource-->
                        </div><!--widgetcontent-->
                        
                        <h4 class="widgettitle">loading图片</h4>
                        <div class="widgetcontent">
                        	<div class="loaders">
                                <img src="images/loaders/loader1.gif" alt="" />
                                <img src="images/loaders/loader2.gif" alt="" />
                                <img src="images/loaders/loader3.gif" alt="" />
                                <img src="images/loaders/loader4.gif" alt="" />
                                <img src="images/loaders/loader8.gif" alt="" />
                                <img src="images/loaders/loader9.gif" alt="" />
                                <img src="images/loaders/loader5.gif" alt="" />
                                <img src="images/loaders/loader6.gif" alt="" />
                                <img src="images/loaders/loader7.gif" alt="" />
                                <img src="images/loaders/loader10.gif" alt="" />
								<img src="images/loaders/loader11.gif" alt="" />
                                <img src="images/loaders/loader12.gif" alt="" />
                                <img src="images/loaders/loader13.gif" alt="" />
                                <img src="images/loaders/loader14.gif" alt="" />
                                <img src="images/loaders/loader15.gif" alt="" />
                                <img src="images/loaders/loader16.gif" alt="" />
                                <img src="images/loaders/loader17.gif" alt="" />
                                <img src="images/loaders/loader18.gif" alt="" />
                                <img src="images/loaders/loader19.gif" alt="" />
                                <img src="images/loaders/loader20.gif" alt="" />
								<img src="images/loaders/loader21.gif" alt="" />
                                <img src="images/loaders/loader22.gif" alt="" />
                                <img src="images/loaders/loader23.gif" alt="" />
                                <img src="images/loaders/loader24.gif" alt="" />
                                <img src="images/loaders/loader25.gif" alt="" />
                                <img src="images/loaders/loader26.gif" alt="" />
                                <img src="images/loaders/loader27.gif" alt="" />
                                <img src="images/loaders/loader28.gif" alt="" />
                                <img src="images/loaders/loader29.gif" alt="" />
                                <img src="images/loaders/loader30.gif" alt="" />
                            </div><!--loaders-->
                        </div>
                    </div><!--span6-->
			</div>
	</div><!-------右侧内容结束------->    
</div>      
</div><!-------内容结束-------> 
<!-------底部------->    
<div class="footer">
	<div class="footerleft">恒盛管理系统 v2.0</div>
	<div class="footerright">&copy; Ish365.com - <a href="#">关注微博</a> - <a href="#">关注微信</a></div>
</div><!--底部结束-->    
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/prettify.js"></script> 
<script src="js/custom.js"></script> <!--渐显/图片动画/提示/j警示等数据存储-->
<script src="js/jquery-migrate-1.1.1.min.js"></script>
<script src="js/jquery-ui-1.9.2.min.js"></script>
<script src="js/bootstrap.js"></script> 
<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>
<script src="js/colorpicker.js"></script><!--颜色选择-->
<script src="js/slider.js"></script><!--滑块-->
<script src="js/jquery.jgrowl.js"></script><!--提示层-->
<script src="js/jquery.alerts.js"></script><!--警示框-->
<script src="js/jquery.uniform.min.js"></script>
<script src="js/jquery.tagsinput.min.js"></script>
<script src="js/charCount.js"></script>
<script src="js/chosen.jquery.min.js"></script><!--select模拟-->
<script src="js/forms.js"></script><!--form数据-->
<script src="js/bootstrap-timepicker.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery.autogrow-textarea.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="js/media.js"></script><!--图片-->
<script src="js/jquery.uniform.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script><!--数据表格-->
</body>
</html>
